<template>
  <div>
     <el-table
    :data="rightsdata"
    border
    stripe
    style="width: 100%">
     <el-table-column
      type="index"
      label="#"
      width="60">
    </el-table-column>
    <el-table-column
      prop="authName"
      label="权限名称"
      >
    </el-table-column>
    <el-table-column
      prop="path"
      label="路径"
      >
    </el-table-column>
    <el-table-column
      prop="level"
      label="权限等级">
       <template slot-scope="scope">
         <el-tag v-if="scope.row.level=='0'">一级</el-tag>
         <el-tag type="success" v-else-if="scope.row.level=='1'">二级</el-tag>
         <el-tag type="warning" v-else>三级</el-tag>
        </template>
    </el-table-column>
  </el-table>
  </div>
</template>
  
<script>
  export default {
    //import 引入组件
    components: {
 
    },
    data() {
      return {
        rightsdata:[]
      }
    },
    methods: {
      async getRightsData(){
        const {data}=await this.$axios.get('/rights/list')
        // console.log(data);
        if(data.meta.status==200){
          this.rightsdata=data.data
        }else{
          this.$message.error(data.meta.msg);
        }
      }
    },
    mounted() {
      this.getRightsData()
    },
  }
</script>
  
<style>

</style>